<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
     <#assign base=request.contextPath  />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title></title>
    <link rel="stylesheet" href="${base}/frame/layui/css/layui.css">
    <link rel="stylesheet" href="${base}/frame/static/css/style.css">
    <link rel="icon" href="${base}/frame/static/image/code.png">
    <script type="text/javascript" src="${base}/frame/layui/layui.all.js"></script>
    <script type="text/javascript" src="${base}/js/zhang.js"></script>
</head>
<body class="body">
<div class="ziyemianbiju">
	<div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
        <div class="my-btn-box">          
            <span style="height: 50px;">
                <span class="layui-form-label">平台用户</span>
                <div class="layui-inline">
        	    <input class="layui-input" name="id" id="demoReload" style="height: 31px;" autocomplete="off">
          </div>
        <button class="layui-btn layui-btn-sm layui-btn-normal" id="btn1" data-type="reload" style="background-color: #0092EF;">搜索</button>
            </span>
			<table class="layui-hide" id="test" lay-filter="test"></table>  
		</div>
	</div>
    <script src="${base}/js/jquery.min.js"></script>
<script type="text/javascript">
layui.use(['laydate','form','table'], function(){
	var laydate = layui.laydate;
 	var form = layui.form
 	var table = layui.table;
  table.render({
    even: true,//开启隔行背景
	size: 'sm',//小尺寸的表格
	elem: '#test',
      toolbar: '#toolbarDemo',
	url: '${base}/comMoneyInfo/list',
	title: '用户数据表',
	cols: [[
      //
        // {field:'', title: '充值账户',align:'center'}
        {field:'toeleUserName', title: '充值账户',align: 'center'}
      ,{field:'ptName', title: '公司名',align:'center'}
      ,{field:'addmoney', title: '充值金额',align:'center'}
      ,{field:'offmoney', title: '回收金额',align: 'center'}
        ,{field:'money', title: '账户金额',align:'center'}
      ,{field:'creatTime', title: '充值时间',align:'center'}

      //,{field:'ptId', title: '企业ID',align: 'center'}

    ]]
    ,id: 'testReload'
      ,height:480
      ,page: {
          layout: ['limit', 'count', 'prev', 'page', 'next', 'skip']
          ,theme: '#9AC747'
          ,limit: 10
      }
  });
     laydate.render({
    elem: '#test1'
    ,theme: '#393D49'
  });
  laydate.render({
    elem: '#test2'
    ,theme: '#393D49'
  });
});

//键盘事件
$("body").bind("keydown",function(e){
    // 兼容FF和IE和Opera
    var theEvent = e || window.event;
    var code=theEvent.keyCode || theEvent.which || theEvent.charCode;
    if (code==13) {
        //回车执行查询
        $("#btn1").click();
    }
});

$('#btn1').on('click', function(){
    var whereData={};
    whereData.toeleUserName=Trim($("#demoReload").val())
    var table = layui.table;
    //表刷新方法
    table.reload('testReload', {
        url: '${base}/comMoneyInfo/list'
        ,where: whereData
    });

});
</script>
</body>
</html>